<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>四种样式表的使用</title>
		<!--html部分-->
		<style>
			/*css注释方式*/
			/*css部分  选择器:抓取页面元素，元素增加效果
			           选择器{
						   属性：属性值；
						   属性：属性值；
					   }
		   */
		p{
			width: 200px;
			height: 200px;
			background: #e463d3 /*16进制色值*/
		}
		</style>
	</head>
	<body>
		<!--①内联样式表，叫做内样式表 ，【开发不用：没有真正实现内容与样式分离】
		    语法 前标记 style="属性：属性值；属性：属性值；......"
		-->
		<div style="width: 300px; height: 300px; background: red;"></div>
		<!--内部样式表 【开发不用：练习专用】
		    html部分：在head元素中，添加style元素
		    css部分：在head元素中，添加css样式
		-->
		<p>lorem ipsum dolor sit,amet consectetur adipisicinng elit.Aperiam ni</p>
	</body>
</html>